<template>
  <div class="app-container">
    <el-tabs v-model="activeName">
      <el-tab-pane label="喷灌机机载式红外温度传感器系统" name="first">
        <detail v-if="activeName === 'first'" :grid-type-id="2" name="nrct" />
      </el-tab-pane>
      <el-tab-pane label="无人机热成像系统" name="second">
        <detail v-if="activeName === 'second'" :grid-type-id="3" name="uav" />
      </el-tab-pane>
      <el-tab-pane label="无人机热成像&多光谱系统" name="third">
        <detail v-if="activeName === 'third'" :grid-type-id="4" name="uav" />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
  import Detail from '../static/index'
  export default {
    components: { Detail },
    data() {
      return {
        activeName: 'first',
      }
    },
  }
</script>

<style lang="scss" scoped></style>
